<!--The content below is only a placeholder and can be replaced.-->
<div style="text-align:left">
  <h1>
    First angular app for: {{ title }}! You can select bottom links.
  </h1>
</div>
<table width="100%">
  <tr>
    <td width="140px" valign="top" style="border-right:1px solid #444;padding-right: 8px;">
        <ul>
            <li>
                <a routerLink="/dashboard">Dashboard</a>
            </li>
            <li>
                <a routerLink="/test">Test</a>
            </li>
            <li>
                <a routerLink="/dynamicform">DynamicForm</a>
            </li>
            <li>
                <a routerLink="/dynamicrender">DynamicRender</a>
            </li>
            <li>
                <a routerLink="/route/a">TestModuleRouteA</a>
            </li>
            <li>
                <a routerLink="/route/b">TestModuleRouteB</a>
            </li>
            <li>
                <a routerLink="/route/c">TestModuleRouteC</a>
            </li>
            <li>
                <a routerLink="/identity/a">IdentityModuleRouteA</a>
            </li>
            <li>
                <a routerLink="/identity/b">IdentityModuleRouteB</a>
            </li>
            <li>
                <a routerLink="/identity/c">IdentityModuleRouteC</a>
            </li>
            <li>
              <a routerLink="/identity/d">IdentityModuleRouteD</a>
            </li>
            <li>
              <a routerLink="/user/list">UserList</a>
            </li>
          </ul>
    </td>
    <td valign="top" style="padding:0px 0px 0px 6px">
      <!-- <app-test></app-test> -->
      <router-outlet></router-outlet>
    </td>
  </tr>
</table>
